<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>订单详情</title>
    <meta name="robots" content="noindex, follow" />
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Favicon -->
    <div th:replace="~{BackEnd/navigation::Favicon}"></div>

</head>

<body class="skin-dark">

<div class="main-wrapper">

    <!-- 头文开始 -->
    <div th:replace="~{BackEnd/navigation::Header}"></div>
    <!-- 头文结束 -->

    <!-- 侧边导航栏开始 -->
    <div th:replace="~{BackEnd/navigation::Topbbar}"></div>
    <!-- 侧边导航栏结束 -->

    <!-- 正文开始 -->
    <div class="content-body">

        <!-- Page Headings Start -->
        <div class="row justify-content-between align-items-center mb-10">

            <!-- Page Heading Start -->
            <div class="col-12 col-lg-auto mb-20">
                <div class="page-heading">
                    <h3>订单管理 <span>/ 订单详情</span></h3>
                </div>
            </div><!-- Page Heading End -->

        </div><!-- Page Headings End -->

        <div class="row mbn-30">

            <!--Order Details Head Start-->
            <div class="col-12 mb-30">
                <div class="row mbn-15">
                    <div class="col-12 col-md-4 mb-15">
                        <h4 class="text-primary fw-600 m-0">订单编号# MSP40022</h4>
                    </div>
                    <div class="text-left text-md-center col-12 col-md-4 mb-15"><span>运输: <span class="badge badge-round badge-success">海运</span></span></div>
                    <div class="text-left text-md-right col-12 col-md-4 mb-15">
                        <p>2023年2月2日</p>
                    </div>
                </div>
            </div>
            <!--Order Details Head End-->

            <!--Order Details Customer Information Start-->
            <div class="col-12 mb-30">
                <div class="order-details-customer-info row mbn-20">

                    <!--Billing Info Start-->
                    <div class="col-lg-4 col-md-6 col-12 mb-20">
                        <h4 class="mb-25">订单信息</h4>
                        <ul>
                            <li> <span>名称</span> <span>Jonathin doe</span> </li>
                            <li> <span>国家</span> <span>USA</span> </li>
                            <li> <span>地址</span> <span>13/2 Minar St, Sanfrancisco <br>CA 8788 USA.</span> </li>
                            <li> <span>状态</span> <span>United Stade</span> </li>
                            <li> <span>城市</span> <span>Sanfrancisco</span> </li>
                            <li> <span>邮箱</span> <span>domain@mail.com</span> </li>
                            <li> <span>手机</span> <span>+1 022 3665  88</span> </li>
                        </ul>
                    </div>
                    <!--Billing Info End-->

                    <!--Shipping Info Start-->
                    <div class="col-lg-4 col-md-6 col-12 mb-20">
                        <h4 class="mb-25">运输详情</h4>
                        <ul>
                            <li> <span>名称</span> <span>Jonathin doe</span> </li>
                            <li> <span>发货地</span> <span>13/2 Minar St, Sanfrancisco <br>CA 8788 USA.</span> </li>
                            <li> <span>发货时间</span> <span>United Stade</span> </li>
                            <li> <span>运输状态</span> <span>Sanfrancisco</span> </li>
                            <li> <span>已经反馈</span> <span>domain@mail.com</span> </li>
                            <li> <span>联系方式</span> <span>+1 022 3665  88</span> </li>
                        </ul>
                    </div>
                    <!--Shipping Info End-->

                    <!--Purchase Info Start-->
                    <div class="col-lg-4 col-md-6 col-12 mb-20">
                        <h4 class="mb-25">Purchase Info</h4>
                        <ul>
                            <li> <span>数量</span> <span>03</span> </li>
                            <li> <span>价格</span> <span>$5400.00</span> </li>
                            <li> <span>运费</span> <span>$50.00</span> </li>
                            <li> <span>折扣</span> <span>$40.00</span> </li>
                            <li> <span>总价</span> <span>$5410.00</span> </li>
                            <li> <span class="h5 fw-600">打印</span> <span class="h5 fw-600 text-success">Paid</span> </li>
                        </ul>
                    </div>
                    <!--Purchase Info End-->

                </div>
            </div>
            <!--Order Details Customer Information Start-->

            <!--Order Details List Start-->
            <div class="col-12 mb-30">
                <div class="table-responsive">
                    <table class="table table-bordered table-vertical-middle">
                        <thead>
                        <tr>
                            <th>订单编号</th>
                            <th>照片</th>
                            <th>产品名称</th>
                            <th>价格</th>
                            <th>数量</th>
                            <th>创建时间</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>#MSP40022</td>
                            <td><img src="assets/images/product/list-product-1.jpg" alt="" class="product-image rounded-circle"></td>
                            <td><a href="#">Spro 4 Laptop</a></td>
                            <td>$600.00</td>
                            <td>03 pyc</td>
                            <td>13 Feb 2018</td>
                        </tr>
                        <tr>
                            <td>#MSP40023</td>
                            <td><img src="assets/images/product/list-product-2.jpg" alt="" class="product-image rounded-circle"></td>
                            <td><a href="#">Spro 4 Laptop</a></td>
                            <td>$600.00</td>
                            <td>03 pyc</td>
                            <td>13 Feb 2018</td>
                        </tr>
                        <tr>
                            <td>#MSP40024</td>
                            <td><img src="assets/images/product/list-product-3.jpg" alt="" class="product-image rounded-circle"></td>
                            <td><a href="#">Spro 4 Laptop</a></td>
                            <td>$600.00</td>
                            <td>03 pyc</td>
                            <td>13 Feb 2018</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <!--Order Details List End-->

        </div>

    </div>
    <!-- 正文结束 -->

<!--    页脚-->
    <div th:replace="~{BackEnd/navigation::Footer}"></div>
</div>

<div th:replace="~{BackEnd/navigation::Jsp}"></div>

</body>
</html>